<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收到评价</title>
    <link rel="stylesheet" href="/css/userweb/bootstrap.min.css">
    <link rel="stylesheet" href="/css/loading.css">
    <link rel="stylesheet" href="/css/userweb/common.css">
    <link rel="stylesheet" href="/css/userweb/personal.css">
    <link rel="stylesheet" href="/css/userweb/evaluation.css">
    <link rel="stylesheet" href="/css/userweb/myPagination.css">
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
{include file="html/Common/indexHeader"}
<div class="index_container">
    <!--轮播-->
    <div class="banner">
        <ul id="on"></ul>
        <div class="banner_list"></div>
    </div>
    <div class="content">
        <div class="my_show_container">
            <div class="my_show_box">
                <div class="categories_list ">
                    <ul>
                        <li>
                            <a href="/userweb/index/myInfo.html">
                                <div class="list_title">
                                    <div class="title_zh">个人信息</div>
                                    <div class="title_en">personal information</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/myOrder.html">
                                <div class="list_title">
                                    <div class="title_zh">我的订单</div>
                                    <div class="title_en">my order</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/myCollection.html">
                                <div class="list_title">
                                    <div class="title_zh">我的收藏</div>
                                    <div class="title_en">my collection</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/evaluation.html" class="active">
                                <div class="list_title">
                                    <div class="title_zh">收到评价</div>
                                    <div class="title_en">received evaluation</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow-change.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/notification.html">
                                <div class="list_title">
                                    <div class="title_zh">系统通知</div>
                                    <div class="title_en">system notification</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/set.html">
                                <div class="list_title">
                                    <div class="title_zh">设置</div>
                                    <div class="title_en">settings</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="my_show_content">
                    <div class="my_show_bar">
                        <div class="my_title">
                            <p>收到评价</p>
                            <p>received evaluation</p>
                        </div>
                    </div>
                    <div class="my_area " id="evaluation" v-cloak="">
                        <div class="business_bar_list">
                            <div class="radio_bar" >
                                <input type="radio" name="comment" checked="checked" v-on:click="getList(1)">
                                <label><span></span></label>
                                <div class="radio_title">
                                    <div class="title_zh">全部</div>
                                    <div class="title_en">all</div>
                                </div>
                            </div>
                            <div class="radio_bar" >
                                <input type="radio" name="comment" v-on:click="getList(2)">
                                <label><span></span></label>
                                <div class="radio_title">
                                    <div class="title_zh">低分</div>
                                    <div class="title_en">low score</div>
                                </div>
                            </div>
                            <div class="radio_bar" >
                                <input type="radio" name="comment" v-on:click="getList(3)">
                                <label><span></span></label>
                                <div class="radio_title">
                                    <div class="title_zh">最新</div>
                                    <div class="title_en">up to date</div>
                                </div>
                            </div>
                        </div>
                        <div v-loading="loading">
                            <div class="evaluation_list" v-for="list in lists">
                                <div class="evaluation_info">
                                    <div class="evaluation_info_img">
                                        <img :src="list.image" alt="">
                                    </div>
                                    <div class="evaluation_tit">
                                        <div class="info_username">
                                            <div class="title_en">{{list.name}}</div>
                                        </div>
                                        <div class="info_time_box">
                                            <div class="info_time">{{list.day}}</div>
                                            <div class="score_bar">
                                                <div class="score_img" v-html="list.star"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="info_address">
                                        <div class="title_zh">{{list.address}}</div>
                                    </div>
                                </div>
                                <div class="evaluation_content">
                                    <p>{{list.comment}}</p>
                                </div>
                            </div>
                            <div class="pagination_box" v-html="paginate"></div>
                            <div id="noData"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="slogan">
    <div class="slogan_title">
        <p>让我们的生活有更好的选择</p>
    </div>
    <div class="sub_slogan_title">
        <p>Let our lives have a better choice.</p>
    </div>
</div>
{include file="html/Common/indexFooter"}
</body>
<script src="/js/vue.js"></script>
<script src="/js/vue-resource.js"></script>
<script src="/js/loading.js"></script>
<script src="/js/userweb/jquery.min.js"></script>
<script src="/js/layer.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/userweb/common.js"></script>
<script src="/js/userweb/my/evaluation.js"></script>
<script src="/js/userweb/laydate/laydate.js"></script>
<script>
    $(function () {
        validToken(); //验证tonken.
        bannerInit(); //轮播
        $("#my").addClass("active");
        $("#my").siblings().removeClass("active");
    });

</script>
</html>